@import '../../style/common.less';

.login-container{
    display:block;
    position:relative;
   height:100%;


   .login-box {
       display: block;
       position: relative;
       padding: 10vh 20px 0;

       .brand {
           display: block;
           margin-bottom: 14px;
           text-align: center;
           font-size: 1.3rem;
           color:@primary;

           &::before {
               content: '';
               display: inline-block;
               vertical-align: bottom;
               width: 32px;
               height: 32px;
               margin-right: 6px;
               background: url(../../images/logo.png) center center / 32px 32px no-repeat;
           }
       }

       .ipt{
          display:flex;
           margin-top:16px;
           padding:6px 0;
           border-bottom: solid 1px #ddd;
           &::before{
               content:'';
               flex:0 0 36px;
            
               height:36px;
               background: url(../../images/user-icon.png) center  center  /26px 26px no-repeat ;
           }
           &.lock::before {
                   background-image: url(../../images/lock-icon.png);
               }

                       >input{
                       
                       flex:1;
                       width: 0; // 解决flex溢出问题
                       border:none;
                       outline:none;
                       background:transprent;//表示背景透明
                       text-indent:12px
                       
                       }
                       >span{
                       flex:0 0 120px;
                       border-left:solid 1px #ddd;
                       text-align:center;
                       font-size:.7rem;
                       color:#666;
                       line-height:36px;
                          }


                       }

          .van-button, .van-checkbox {
                margin-top: 20px;
                
             }   
       
           
           
         }
>.welcome{
   display:block;
   position:relative;
   padding-top:20vh;
   >i{
     width:88px;
     display:block;
       height:88px;
       margin:auto;

       background:url(../../images/logo.png) center  center  / 80px  80px  no-repeat;
   }

  >span{
   display:block;
   text-align:center;
   font-size:1.3rem;
   line-height:2.4rem;
   color:@primary;
   &.timer{
           position:absolute;
           top:10px;
           right:10px;
           width:36px;
           height:36px;
           border:solid  2px  @primary;
           line-height:32px;
           font-size:.7rem;
           border-radius:50%;
           font-weight:bold;


   }


  }

  >em{
       display:block;
       font-style:normal;
       text-align:center;
       font-size:.9rem;
       color:#fd6614;

  }
}


// > 表示子元素选择器--属于层次选择器的一种  right仅仅只是login-container的子元素 
 >.right{
   display:block;
   position:absolute;
   bottom:20px;
   left:0;
   width:100%;
   font-size:.6rem;
   text-align:center;
   color:#8c8c8c;
   z-index:10;
 }
}